:root {
    --blue:linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    --blackbg:linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
}
html,body{
    background-color:rgb(236, 242, 246);
}
.header {
    height: 40px;
    background-color: #354052;
}
.header-nav {
    height: 100%;
}
.header-nav-left {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-indent: 4px;
    font-size: 14px;
}
.header-nav-right {
    float: right;
    height: 40px;
    font-size: 14px;
    color: #fff;
}
.safeout {
    text-decoration: underline;
    color: #fff !important;
    margin: auto 0;
    cursor: pointer;
}
.w{
    width: 1200px;
    margin: 0 auto;
}
.main {
    margin-top: 4px;
    height: 625px;
    margin-bottom: 4px;
    width: 1200px;
}
.sidebar {
    float: left;
    width: 200px;
    height: 100%;
    background-color: #354052;
}

.sidebar-head {
    height:40px;
    color:rgb(182, 191, 204);
    border-bottom: 1px dashed #ccc;
}
.sidebar-head p {
    padding-top: 6px;
    text-align: center;
    font-size: 18px;
}
.footer {
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.footer p{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 20px;
    text-align: center;
    background-color: #354052;
}
.sidebar-userinfo{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: rgb(182, 191, 204);
    border-bottom: 1px dashed #ccc;
}
.first-menu {
    margin:0 5px;
}
.first-menu li{
    list-style: none;
    min-height:40px;
    font-size: 14px;
    color:rgb(182, 191, 204);
}
.first-menu li p{
    height: 40px;
    text-align: center;
    line-height:40px;
}
.first-menu li p:hover {
    /* background-image: var(--blue); */
    background: var(--blackbg);
    background-blend-mode: multiply multiply;
    color: #fff;
    cursor: pointer;
    border-left:4px solid black;
}
.firstmenucurrent p {
    background: var(--blue) !important;
    background-blend-mode: multiply multiply;
    color:black !important;
    border:none !important;
}
.first-menu li p::after{
    content:'\ea42';
    font-family: "icomoon";
    float: right;
    margin-right:10px;
}
.first-menu .firstmenucurrent p::after{
    content:'\ea43';
    font-family: "icomoon";
    float: right;
    margin-right:10px;
}
.menu-right {
    width:996px;
    float: right;
    height: 625px;
    background-color:rgb(236, 242, 246);
    overflow: hidden;
}
.nav-item {
    height: 40px;
    padding-top:6px;
    background-color: #354052;
}
.nav-item ul {
    width: 100%;
}
.nav-item span {
    display:block;
    width: 20px;
    height: 20px;
    float: right;
    font-size: 14px;
    line-height:20px;
    margin-right:5px;
    margin-top: 5px;
    user-select: none;
    /* background:url("/images/close.png") no-repeat center; */
}
.nav-item span:hover {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 50%;
}
.nav-item ul li {
    float: left;
    font-size: 14px;
    width: 120px;
    height:33px;
    line-height:33px;
    text-align: center;
    margin:0 2px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: rgb(182, 191, 204);
    cursor: pointer;
}
.nav-item ul li:hover,
.nav-item ul li.hover {
    background: var(--blackbg);
    color: #fff;
}
.navitemcut{
    background: var(--blue);
    color:black !important;
}
.allinfo {
    width: 100%;
    height:582px;
    margin-top: 3px;
    background-color: #fff;
    overflow: hidden;
}

.infodeclare {
    float: left;
    display: block;
    height: 100%;
    width: 100%;
    background: url('/images/infodeclare.jpg') no-repeat center;
    background-size: cover;
}
.infodeclare .tittle {
    height:100px;
    line-height: 100px;
    font-size: 30px;
    text-align: center;
}
.infodeclare .infomain {
    height: 482px;
    width: 100%;
    text-align: center;
}
.infodeclare .infomain ul {
    margin-top: 10px;
    position: absolute;
    left: 40%;
    list-style: none;
}

.infodeclare .infomain ul li {
    text-align: left;
    width:100%;
    min-height:40px;
    height: auto;
    line-height: 40px;
    font-size: 18px;
    text-indent: 10px;
}

.chakanmajor,
.chaxunacc,
.chaxunyears,
.chakancourse,
.tchinfo,
.stuinfo,
.pubinfo {
    float: left;
    position: relative;
    height: 512px;
    width: 100%;
}
.pubinfo{
    height:582px;
    display: none;
    background: url('/images/infodeclare.jpg') no-repeat center;
    background-size: cover;
}
.pubinfo textarea{
    display:none;
    width: 300px;
    height:100px;
    resize: none;
    outline: none;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color:rgba(255,255,255,0.4);
}

.pubinfo textarea::-webkit-scrollbar{
    display:none;
}
.pubinfo .title {
    height:100px;
    line-height: 100px;
    font-size: 30px;
    text-align: center;
}
.pubinfo .infomain {
    height: 482px;
    width: 100%;
}
.pubinfo .infomain p{
    display:block;
}
.pubinfo .infomain .infoleft{
    float: left;
    height: 420px;
    width: 420px;
    margin-left:30px;
    background-color:rgba(255,255,255,0.4);
    border-radius: 10%;
}
.pubinfo .infomain .infoleft h1{
    height:50px;
    text-align: center;
    font-size:25px;
}
.pubinfo .infomain .inforight{
    float: left;
    height: 420px;
    width: 420px;
    margin-left:30px;
    background-color:rgba(255,255,255,0.4);
    border-radius: 10%;
}
.pubinfo .infomain .inforight h1{
    height:50px;
    text-align: center;
    font-size:25px;
}
.pubinfo .infomain .inforight h2,
.pubinfo .infomain .infoleft h2{
    height:50px;
    text-align: center;
    font-size:18px;
}
.pubinfo .infomain .inforight p,
.pubinfo .infomain .infoleft  p{
    font-size:18px;
    font-weight:bold;
    text-align: center;
}
.infomain{
    text-align: center;
}
.infomain .edit{
    padding: 20px;
    margin-top: 100px;
}
.stuinfo{
    display: none;
}
.tchinfo{
    display: none;
}
.chaxunyears{
    display: none;
}
.chaxunacc{
    display:none;
}
.chakanmajor{
    display:none;
}
.chakancourse{
    display: none;
}
.chaxunyears h1,
.chaxunacc h1,
.chakanmajor h1,
.chakancourse h1,
.tchinfo h1,
.stuinfo h1{
    font-weight:normal;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    color: rgb(236, 242, 246);
    border: 1px dashed black;
    background-color: #354052;
}
.factorconduct{
    position: relative;
    padding: 5px 0;
    height: 30px;
    width: 100%;
    background-color: #354052;
}
.factorconduct span{
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    font-family: "icomoon";
    cursor: pointer;
    top: 7px;
}
.factorconduct .numberfind span{
    right: 740px;
}
.factorconduct .namefind span{
    right: 470px;
}
.factorconduct p{
    color:rgb(236, 242, 246);
    float: left;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.namefind{
    float: left;
}
.numberfind {
    float: left;
    padding: 0 10px;
}
.factorconduct input {
    padding-left: 10px;
    border:1px solid #ccc;
    height:20px;
    border-radius: 10px;
    background-color: #f5f5f5;
}
.findtips{
    font-size:10px !important;
}
.findresult{
    padding: 10px 0 10px 10px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #637b8e;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
}
.yearterminfolist,
.accinfolist,
.majorinfolist,
.classinfolist,
.tchinfolist,
.stuinfolist{
    border-collapse: collapse;
}
.yearterminfolist thead tr,
.accinfolist thead tr,
.majorinfolist thead tr,
.classinfolist thead tr,
.tchinfolist thead tr,
.stuinfolist thead tr{
    height:50px;
}
.yearterminfolist  thead tr th,
.accinfolist thead tr th,
.majorinfolist thead tr th,
.classinfolist thead tr th,
.tchinfolist thead tr th,
.stuinfolist thead tr th{
    line-height: 50px;
    padding: 0 60px;
    font-size: 15px;
}
.yearterminfolist  tbody tr td,
.accinfolist tbody tr td,
.majorinfolist tbody tr td,
.classinfolist tbody tr td,
.tchinfolist tbody tr td,
.stuinfolist tbody tr td{
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 60px;
    font-size: 15px;
}
.classinfolist thead tr th{
    padding:0 40px;
}
.classinfolist tbody tr td{
    padding: 0 40px;
}
.tchinfolist thead tr th{
    padding: 0 50px;
}
.stuinfolist thead tr th{
    padding: 0 25px;
}
.tchinfolist tbody tr td{
    font-size:13px;
    padding: 0 50px;
}
.stuinfolist tbody tr td{
    padding:0 25px;
    font-size: 13px;
}
.yearterminfolist thead tr th:nth-of-type(1)::before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.yearterminfolist thead tr th:nth-of-type(2)::before{
    content:'\e94e';
    font-family: 'icomoon';
    margin-right: 1px;
}
.yearterminfolist thead tr th:nth-of-type(3)::before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.yearterminfolist thead tr th:nth-of-type(4)::before{
    content:'\e995';
    font-family: 'icomoon';
    margin-right: 1px;
}
.accinfolist thead tr th:nth-of-type(1)::before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.accinfolist thead tr th:nth-of-type(2)::before{
    content:'\ea77';
    font-family: 'icomoon';
    margin-right: 1px;
}
.accinfolist thead tr th:nth-of-type(3)::before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.accinfolist thead tr th:nth-of-type(4)::before{
    content:'\e995';
    font-family: 'icomoon';
    margin-right: 1px;
}
.majorinfolist thead tr th:nth-of-type(1)::before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.majorinfolist thead tr th:nth-of-type(2)::before{
    content:'\ea77';
    font-family: 'icomoon';
    margin-right: 1px;
}
.majorinfolist thead tr th:nth-of-type(3)::before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.majorinfolist thead tr th:nth-of-type(4)::before{
    content:'\e995';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(1)::before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(2)::before{
    content:'\ea77';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(3)::before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(4)::before{
    content:'\e946';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(5)::before{
    content:'\e946';
    font-family: 'icomoon';
    margin-right: 1px;
}
.classinfolist thead tr th:nth-of-type(6)::before{
    content:'\e995';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(1):before,
.stuinfolist thead tr th:nth-of-type(1):before{
    content:'\e944';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(2):before,
.stuinfolist thead tr th:nth-of-type(2):before{
    content:'\e94e';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(3):before,
.stuinfolist thead tr th:nth-of-type(3):before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(4):before,
.stuinfolist thead tr th:nth-of-type(4):before{
    content:'\ea71';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(5):before,
.stuinfolist thead tr th:nth-of-type(5):before{
    content:'\e903';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(6):before,
.stuinfolist thead tr th:nth-of-type(6):before{
    content:'\e903';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(7):before,
.stuinfolist thead tr th:nth-of-type(7):before{
    content:'\e91f';
    font-family: 'icomoon';
    margin-right: 1px;
}
.tchinfolist thead tr th:nth-of-type(8):before,
.stuinfolist thead tr th:nth-of-type(8):before{
    content:'\e99c';
    font-family: 'icomoon';
    margin-right: 1px;
}
.chakancoursefooter,
.majorfooter,
.academyfooter,
.yearfooter,
.tchinfofooter,
.stuinfofooter{
    position: fixed;
    top:625px;
    left:350px;
    display: block;
    height: 50px;
    line-height: 50px;
}
.majorfooter p,
.academyfooter p,
.yearfooter p,
.chakancoursefooter p,
.tchinfofooter p,
.stuinfofooter p{
    display: none;
    margin-left: 35px;
    float: left;
    margin-right: 100px;
    font-size: 16px;
}
.academyfooter ul,
.yearfooter ul,
.majorfooter ul,
.chakancoursefooter ul,
.tchinfofooter ul,
.stuinfofooter ul{
    float:left;
    display: none;
    height: 100%;
    line-height: 50px;
    padding-top: 12px;
}
.academyfooter ul li,
.yearfooter ul li,
.majorfooter ul li,
.chakancoursefooter ul li,
.tchinfofooter ul li,
.stuinfofooter ul li{
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0 10px;
    border: 1px solid #ccc;
    color: skyblue;
}
.academyfooter ul li:first-of-type,
.yearfooter ul li:first-of-type,
.majorfooter ul li:first-of-type,
.chakancoursefooter ul li:first-of-type,
.tchinfofooter ul li:first-of-type,
.stuinfofooter ul li:first-of-type{
    color: gray !important;
    font-size:14px;
    background: #fff !important;
}
.academyfooter ul li:hover,
.yearfooter ul li:hover,
.majorfooter ul li:hover,
.chakancoursefooter ul li:hover,
.tchinfofooter ul li:hover,
.stuinfofooter ul li:hover{
    background-color: skyblue;
    color:#fff;
}
.yearterminfolist2 tbody tr th button
.yearterminfolist tbody tr th button{
    background: red;
    color: rgb(236, 242, 246);
}
.chakancourseup,
.chakanmajorup{
    position: relative;
    padding-top: 2px;
    color: rgb(236, 242, 246);
    padding-left: 10px;
    height:30px;
    line-height:30px;
    font-size: 14px;
    background-color: #354052;
}
.chakancourseup span,
.chakanmajorup span{
    position:absolute;
}
.majorselect,
.academyselect,
.classselect{
    max-height: 100px;
    display: none;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: scroll;
}
.majorselect::-webkit-scrollbar,
.academyselect::-webkit-scrollbar,
.classselect::-webkit-scrollbar{
    display: none;
}
.academyselect li,
.majorselect li,
.classselect li{
    background-color: #fff;
    position: relative;
    z-index: 9999;
    color: black;
    width:130px;
    height:25px;
    line-height: 25px;
    padding-left:10px;
    border:1px solid #ccc;
    border-top:none;
}
.major_select,
.academy_select{
    position: absolute;
    left:50px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.major_select{
    left:225px;
}
.class_select{
    position: absolute;
    left:410px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.major_defaultselect,
.academy_defaultselect,
.class_defaultselect{
    padding-left: 10px;
    width: 130px;
    height: 30px;
    border: 1px solid #ccc;
}
.academy_defaultselect::after,
.major_defaultselect::after,
.class_defaultselect::after{
    content:"";
    border-left:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position:absolute;
    right: 30px;
    top:13px;
    transform-origin: 5px 2.5px;
    transition: all 0.5s ease; 
}
.major_defaultselect::after{
    right:10px;
}
.academy_defaultselect.rotate::after,
.major_defaultselect.rotate::after,
.class_defaultselect.rotate::after{
    transform: rotate(180deg);
}
.majorselect li,
.academyselect li,
.classselect li{
    color: black;
    width:130px;
    height:25px;
    line-height: 25px;
    padding-left:10px;
    border:1px solid #ccc;
    border-top:none;
}
.majorselect li:hover,
.majorselect li.hover,
.academyselect li:hover,
.academyselect li.hover,
.classselect li:hover,
.classselect li.hover{
    background-color: #354052;
    color: rgb(236, 242, 246);
}
.chakancourseup span:nth-of-type(2){
    position: absolute;
    left:190px;
    top: 0;
}
.chakancourseup span:nth-of-type(3){
    position: absolute;
    left:370px;
    top: 0;
}
.major_defaultselect{
    position: absolute;
    left:0;
    top:0;
    color: rgb(236, 242, 246);
    width: 130px;
    height: 30px;
    cursor:pointer;
}
.majorselect{
    position: absolute;
    left:0;
    top:30px;
    color: rgb(236, 242, 246);
    width: 150px;
    cursor:pointer;
}
.menu1_button,
.addbutton,
.menu2_button,
.addbutton1,
.menu4_button,
.addbutton2,
.menu6_button,
.addbutton3,
.addbutton4{
    position: absolute;
    left:50px;
    top:0;
}
.menu1_button{
    left:100px;
}
.menu3_button{
    left:200px;
}
.menu5_button{
    left:560px;
}
.menu7_button{
    left:560px;
}
.addbutton{
    left: 640px;
    top: 50px;
}
.addbutton2{
    top:80px;
    left:745px;
}
.addbutton1{
    left:620px;
    top:50px;
}
.addbutton3{
    left:815px;
    top:80px;
}
.addbutton4{
    left:765px;
    top:110px;
}
.menu2_button .border,
.menu1_button .border,
.addbutton .border,
.addbutton1 .border,
.menu4_button .border,
.addbutton2 .border,
.menu6_button .border,
.addbutton3 .border,
.addbutton4 .border{
    background-color: black;
}
.menu2_button:hover button,
.menu1_button:hover button,
.addbutton:hover button,
.addbutton1:hover button,
.menu4_button:hover button,
.addbutton2:hover button,
.menu6_button:hover button,
.addbutton3:hover button,
.addbutton4:hover button{
    color:#fff;
}
.menu1_button>button,
.menu2_button>button,
.addbutton>button,
.addbutton1>button,
.menu4_button>button,
.addbutton2>button,
.menu6_button>button,
.addbutton3>button,
.addbutton4>button{
    color: white;
    background-color: rgba(0,0,0,0.3);
}
.edit{
    display: inline-block;
    padding:5px;
    outline: none;
    border: none;
    background-color: #4876FF;
    color: #fff;
    border-radius: 20%;
}
.save{
    display: none;
    padding:5px;
    outline: none;
    border: none;
    background-color: #4EEE94;
    color: #fff;
    border-radius: 20%;
}
.cancel{
    display:none;
    padding:5px;
    outline: none;
    border: none;
    background-color: #CD0000;
    color: #fff;
    border-radius: 20%;
}
.mask{
    display: none;
    float: left;
    z-index:10;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4);
    position: fixed;
    top:0;
    left:0;
    border: 1px solid #ccc;
}
.mask .addyearterminfo,
.mask .addaccinfo,
.mask .addmajorinfo,
.mask .addcourseinfo,
.mask .addtchinfo,
.mask .addstuinfo,
.mask .edittchinfo,
.mask .editstuinfo,
.mask .editaccinfo,
.mask .editmajorinfo{
    display:none;
    height: auto;
    min-height:200px;
    max-height:500px;
    max-width: 500px;
    margin:0 auto;
    margin-top:100px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.mask .editmajorinfo{
    display: none;
}
.mask .editaccinfo{
    display: none;
}
.mask .addaccinfo{
    display: none;
}
.mask .addmajorinfo{
    display: none;
}
.mask .addcourseinfo{
    display: none;
}
.mask .addtchinfo{
    display: none;
}
.mask .addstuinfo{
    display:none;
}
.mask .edittchinfo{
    display: none;
}
.mask .editstuinfo{
    display: none;
}
.edittchinfo .tchid{
    position: absolute;
    left:140px;
    top:14px;
}
.editstuinfo .tchid{
    position: absolute;
    left:127px;
    top:14px;
}
.mask .windowheader{
    position: relative;
    cursor: move;
    user-select: none;
}
.mask .windowheader p{
    position: relative;
    height:50px;
    line-height: 50px;
    padding-left:40px;
    font-size:16px;
    border-bottom: 1px dashed #ccc;
}
.mask .windowheader p::before{
    position: absolute;
    left:22px;
    top:4%;
    content:"\e973";
    color:#000;
    font-family: "icomoon";
}
.mask .edittchinfo .windowheader p::before,
.mask .editstuinfo .windowheader p::before,
.mask .editaccinfo .windowheader p::before,
.mask .editmajorinfo .windowheader p::before{
    content:'\e972';
}
.closeup{
    position: absolute;
    right:0;
    top:0;
    margin-right:10px;
    margin-top: 15px;
    width: 20px;
    height:20px;
    outline: none;
    border:none;
    color: #fff;
    background-color: #CD0000;

}
.addyearterminfo .addmain,
.addaccinfo .addmain,
.addmajorinfo .addmain,
.addcourseinfo .addmain,
.addtchinfo .addmain,
.addstuinfo .addmain,
.edittchinfo .addmain,
.editstuinfo .addmain,
.editaccinfo .addmain,
.editmajorinfo .addmain{
    position: relative;
    font-size: 16px;
    text-align: center;
}
.addyearterminfo .addmain input,
.addaccinfo .addmain input,
.addmajorinfo .addmain input,
.addcourseinfo .addmain input,
.addtchinfo .addmain input,
.addstuinfo .addmain input,
.edittchinfo .addmain input,
.editstuinfo .addmain input,
.addaccinfo .addmain input,
.addmajorinfo .addmain input,
.edittchinfo .addmain input,
.editstuinfo .addmain input,
.editaccinfo .addmain input,
.editmajorinfo .addmain input{
    height:20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color:#ccc;
    padding-left: 10px;
    width:170px;
}

.addyearterminfo .addmain ul li,
.addaccinfo .addmain ul li,
.addmajorinfo .addmain ul li,
.addcourseinfo .addmain ul li,
.addtchinfo .addmain ul li,
.addstuinfo .addmain ul li,
.edittchinfo .addmain ul li,
.editstuinfo .addmain ul li,
.editaccinfo .addmain ul li,
.editmajorinfo .addmain ul li{
    position: relative;
    height: 50px;
    padding:10px 20px;
}
.addmajorinfo .addmain ul li span,
.addcourseinfo .addmain ul li span,
.addtchinfo .addmain ul li span,
.addstuinfo .addmain ul li span,
.edittchinfo .addmain ul li span,
.editstuinfo .addmain ul li span,
.editaccinfo .addmain ul li span,
.editmajorinfo .addmain ul li span{
    position: absolute;
    left:0;
    top:0;
}
.addmajorinfo .addmain ul li input,
.addcourseinfo .addmain ul li input,
.addtchinfo .addmain ul li input,
.addstuinfo .addmain ul li input,
.edittchinfo .addmain ul li input,
.editstuinfo .addmain ul li input,
.editmajorinfo .addmain ul li input{
    position: absolute;
    left:130px;
    top: 10px;
}
.editaccinfo .addmain ul li input{
    position: absolute;
    left:130px;
    top:13px;
}
.addmajorinfo .addmain ul li span:nth-of-type(1),
.addcourseinfo .addmain ul li span:nth-of-type(1),
.addtchinfo .addmain ul li span:nth-of-type(1),
.addstuinfo .addmain ul li span:nth-of-type(1),
.edittchinfo .addmain ul li span:nth-of-type(1),
.editstuinfo .addmain ul li span:nth-of-type(1),
.editaccinfo .addmain ul li span:nth-of-type(1),
.editmajorinfo .addmain ul li span:nth-of-type(1){
    left:80px;
    top:10px;
}
.addyearterminfo .addmain ul li p,
.addaccinfo .addmain ul li p,
.addmajorinfo .addmain ul li p,
.addcourseinfo .addmain ul li p,
.addtchinfo .addmain ul li p,
.addstuinfo .addmain ul li p,
.edittchinfo .addmain ul li p,
.editstuinfo .addmain ul li p,
.editaccinfo .addmain ul li p,
.editmajorinfo .addmain ul li p{
    color:red;
    font-family: "icomoon";
    display:none;
    font-size:12px;
}
.addmajorinfo .addmain ul li p,
.addcourseinfo .addmain ul li p,
.addtchinfo .addmain ul li p,
.addstuinfo .addmain ul li p,
.edittchinfo .addmain ul li p,
.editstuinfo .addmain ul li p,
.editaccinfo .addmain ul li p,
.editmajorinfo .addmain ul li p{
    position: absolute;
}
.addmajorinfo .addmain ul li p:nth-of-type(1),
.addcourseinfo .addmain ul li p:nth-of-type(1),
.addtchinfo .addmain ul li p:nth-of-type(1),
.addstuinfo .addmain ul li p:nth-of-type(1),
.edittchinfo .addmain ul li p:nth-of-type(1),
.editstuinfo .addmain ul li p:nth-of-type(1),
.editaccinfo .addmain ul li p:nth-of-type(1),
.editmajorinfo .addmain ul li p:nth-of-type(1){
    left: 302px;
    top: 10px;
}
.addmajorinfo .addmain ul li p:nth-of-type(2),
.addcourseinfo .addmain ul li p:nth-of-type(2),
.addtchinfo .addmain ul li p:nth-of-type(2),
.addstuinfo .addmain ul li p:nth-of-type(2),
.edittchinfo .addmain ul li p:nth-of-type(2),
.editstuinfo .addmain ul li p:nth-of-type(2),
.editaccinfo .addmain ul li p:nth-of-type(2),
.editmajorinfo .addmain ul li p:nth-of-type(2){
    left:315px;
    top:10px;
}
.add{
    outline: none;
    border: none;
    background-color: #4876FF;
    color: #fff;
    height: 30px;
    width: 100px;
    border-radius: 15px;
    box-sizing: border-box;
}
.addyear_select,
.addacc_select,
.addmajor_select,
.addclass_select,
.addtch_select,
.addcourse_select{
    position: absolute;
    left:50px;
    top:0;
    color: rgb(236, 242, 246);
    width: 150px;
    height: 30px;
    cursor:pointer;
}
.addacc_select,
.addmajor_select,
.addclass_select,
.addtch_select,
.addcourse_select{
    left: 130px;
    top: 10px;
}
.addyear_defaultselect,
.addacc_defaultselect,
.addmajor_defaultselect,
.addclass_defaultselect,
.addtch_defaultselect,
.addcourse_defaultselect{
    font-size: 13px;
    padding-right: 35px;
    width: 130px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    background-color: #354052;
}
.addyear_defaultselect::after,
.addacc_defaultselect::after,
.addmajor_defaultselect::after,
.addclass_defaultselect::after,
.addtch_defaultselect::after,
.addcourse_defaultselect::after{
    content:"";
    border-left:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    position:absolute;
    right: 30px;
    top:13px;
    transform-origin: 5px 2.5px;
    transition: all 0.5s ease; 
}
.addyear_defaultselect.rotate::after,
.addacc_defaultselect.rotate::after,
.addmajor_defaultselect.rotate::after,
.addclass_defaultselect.rotate::after,
.addtch_defaultselect.rotate::after,
.addcourse_defaultselect.rotate::after{
    transform: rotate(180deg);
}
.addyearselect li,
.addaccselect li,
.addmajorselect li,
.addclassselect li,
.addtchselect li,
.addcourseselect li{
    font-size:13px;
    background-color: #fff;
    position: relative !important;
    z-index: 9999;
    color: black;
    width:130px;
    height:25px !important;
    line-height: 25px !important;
    padding: 0 !important;
    border:1px solid #ccc;
    border-top:none;
}
.addyearselect,
.addaccselect,
.addmajorselect,
.addclassselect,
.addtchselect,
.addcourseselect {
    max-height: 100px;
    display: none;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: scroll;
}
.addyearselect::-webkit-scrollbar,
.addaccselect::-webkit-scrollbar,
.addmajorselect::-webkit-scrollbar,
.addclassselect::-webkit-scrollbar,
.addtchselect::-webkit-scrollbar,
.addcourseselect::-webkit-scrollbar{
    display: none;
}
.addyearselect li:hover,
.addyearselect li.hover,
.addaccselect li:hover,
.addaccselect li.hover,
.addmajorselect li:hover,
.addmajorselect li.hover,
.addclassselect li:hover,
.addclassselect li.hover,
.addtchselect li:hover,
.addtchselect li.hover,
.addcourseselect li:hover,
.addcourseselect li.hover{
    background-color: #354052;
    color: rgb(236, 242, 246);
}
.pagecurrent{
    background-color: skyblue;
    color:#fff !important;
}